
Ext.define("Trebuchet.view.Header", {
	extend: 'Ext.Panel',
    xtype: 'headerview',
    requires: [ 
		
	],
	config:{
		height: '50px',
	    
	    items:[
	    	//header
	    	{
	    		xtype:'container',
	    		html: ['<header>',
	            '<div>',
		            '<h1><a href="/">Trebuchet <small>Alpha</small></a></h1>',
		           '<nav>',                        
			            '<ul>',
                           ' <li id="liLogin" runat="server">Login</li>',
                            '<li id="liRegister" runat="server">Register</li>',
                           ' <li id="liUserName" runat="server"></li>',
				            '<li id="liDashboard" runat="server">Dashboard</li>',
                            '<li id="liStartGame" runat="server">Start Game</li>',
				           ' <li id="liUserSettings" runat="server">Settings</li>',
				           ' <li id="liLogout" runat="server">Sign Out</li>',
			            '</ul>',
		            '</nav>',
		            '<div class="clear"></div>',
	            '</div>',
            '</header>'].join('')
	    		
	    		
	    	},
	    	

	    ]
	    
   },
   
    
});